/*
 * @Title: 问题定制3模块
 * @Created by: gsjPC 
 */
<template>
	<view>
		<IndexHead :config="navConfig"/>
		<view class="questYz">
			<view class="questFr">
				<view class="questText"><text>答题开始~我准备好啦！</text></view>
				<image src="/static/questBg2.png"></image>
			</view>
			<image src="/static/questYz2.png"></image>
		</view>
		<view class="questCon">
			<image src="/static/quest2bg.png" class="questConbg"></image>
			<question-naire class="questionNaire"></question-naire>
		</view>
		<view class="questNext"><image src="/static/questNext.png"></image></view>
	</view>
</template>

<script>
	import questionNaire from '@/components/questionNaire'
	export default{
		components:{
			questionNaire
		},
		data(){
			return{
				navConfig:{
					backgroundColor: 'transparent',
					color: '#fff',
					common:{
						hasSearch:false,
						hasMenu:false,
						hasTitle:true,
						minHead:true,
					},
					left: {
						img:'',
						text:'',
					},
					mid:{
						title:'问卷定制',
						hasSearchMid:false
					},
					right:{
						
					},
				}
			}
		}
		
	}
</script>

<style scoped>
	.questYz{
		display: flex;
		flex-direction: row;
		margin-top:24upx;
	}
	.questYz > image{
		width:336upx;
		height: 389upx;
		margin-left: -28upx;
		transform: rotateY(180deg);
	}
	.questFr{
		width:402upx;
		height: 295upx;
		position: relative;
		margin-left: 26upx;
		margin-top: 30upx;
		z-index: 2;
		}
	.questFr image{
		width:402upx;
		height: 295upx;
		transform: rotateY(180deg);
	}
	.questText{
		position: absolute;
		z-index: 9;
		top:110upx;
		left: 44upx;
		font-size: 26upx;
		line-height: 48upx;
		height: 100upx;
		width:250upx;
		overflow: hidden;
	}
	.questCon{
		width:591upx;
		height: 644upx;
		position: relative;
		margin:8upx auto 0 auto;
	}
	.questConbg{
		width:591upx;
		height: 644upx;
		position: absolute;
		top:0;
		left: 0;
		z-index: -1;
	}
	.questNext{
		margin: -10upx auto 0 auto;
		text-align: center;
		position: relative;
		z-index: 9;
	}
	.questNext image{
		width:250upx;
		height: 91upx;
	}
	.questionNaire{
		position: absolute;
		z-index:8;
		width:431upx;
		height: 644upx;
		top:110upx;
		left:70upx;
	}
</style>
